<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue">
			<block slot="content">我的工作台</block>
		</cu-custom>
		<view class="grid  col-2 text-center baseInfo bg-white ">
			<view class="basetext bg-cyan ">
				<view class="grid col-1 padding" style="">
					<text class="padding cuIcon-form radius" style="font-size: 40px; border: #F0F0F0 solid 1px;"></text>
					<text class="">基本情况</text>
				</view>
			</view>
			<view class=" base_childcontent  ">
				<view class="flex base_qysl">
					<view class="flex-sub bg-grey  margin-xs radius"> 
						<view class="cu-list grid col-1 " >
							<view class="cu-item ">
								<text class="padding-sm" style="font-size: 30px;color: $text-color;">1</text>
								<text style="font-size:14px;">企业数量</text>
							</view> 
						</view>
					</view>
					<view class="flex-sub bg-grey  margin-xs radius">
						<view class="cu-list grid col-1 " >
							<view class="cu-item ">
								<text class="padding-sm" style="font-size: 30px;color: $text-color;">2</text>
								<text style="font-size:14px;">变压器数量</text>
							</view> 
						</view>
					</view>
				</view>

				<view class="flex base_pdf">
					<view class="flex-sub bg-grey  margin-xs radius">
						<view class="cu-list grid col-1 " >
							<view class="cu-item ">
								<text class="padding-sm" style="font-size: 30px;color: $text-color;">6</text>
								<text style="font-size:14px;">配(变)电房数量</text>
							</view> 
						</view>
					</view>
 
				</view>

			</view>
		</view>
		
		<view class="grid  col-2 text-center baseInfo bg-white ">
			<view class="basetext bg-gradual-orange ">
				<view class="grid col-1 padding" style="">
					<text class="padding cuIcon-edit radius" style="font-size: 40px; border: #F0F0F0 solid 1px;"></text>
					<text class="">我的任务</text>
				</view>
			</view>
			<view class=" base_childcontent  ">
				<view class="flex base_qysl">
					<view class="flex-sub bg-grey  margin-xs radius"> 
						<view class="cu-list grid col-1 " >
							<view class="cu-item ">
								<text class="padding-sm" style="font-size: 30px;color: $text-color;">1</text>
								<text style="font-size:14px;">待处理数量</text>
							</view> 
						</view>
					</view>
					<view class="flex-sub bg-grey  margin-xs radius">
						<view class="cu-list grid col-1 " >
							<view class="cu-item ">
								<text class="padding-sm" style="font-size: 30px;color: $text-color;">2</text>
								<text style="font-size:14px;">逾期数量</text>
							</view> 
						</view>
					</view>
				</view>
		
				<view class="flex base_pdf">
					<view class="flex-sub bg-grey  margin-xs radius">
						<view class="cu-list grid col-1 " >
							<view class="cu-item ">
								<text class="padding-sm" style="font-size: 30px;color: $text-color;">6</text>
								<text style="font-size:14px;"> 巡检计划数</text>
							</view> 
						</view>
					</view>
		 
				</view>
		
			</view>
		</view>
		
		<view class="grid  col-2 text-center baseInfo bg-white ">
			<view class="basetext bg-gradual-red ">
				<view class="grid col-1 padding" style="">
					<text class="padding cuIcon-safe radius" style="font-size: 40px; border: #F0F0F0 solid 1px;"></text>
					<text class="">安全用电</text>
				</view>
			</view>
			<view class=" base_childcontent  ">
				<view class="flex base_row1">
					<view class="flex-sub bg-grey  margin-xs radius"> 
						<view class="cu-list grid col-1 " style="height: 200px; padding-top: 50px;" >
							<view class="cu-item ">
								<text class="padding-sm" style="font-size: 30px;color: $text-color;">1</text>
								<text style="font-size:14px;">安全用电天数</text>
							</view> 
						</view>
					</view>
					<view class="flex-sub bg-grey  margin-xs radius">
						<view class="cu-list grid col-1 " style="height: 200px; padding-top: 50px; ">
							<view class="cu-item ">
								<text class="padding-sm" style="font-size: 30px;color: $text-color;">2</text>
								<text style="font-size:14px;">异常预警</text>
							</view> 
						</view>
					</view>
				</view>
		 
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	$logo-padding: 60px;
	$form-border-color: rgba(214, 214, 214, 1);
	$text-color: #1cbbb4;
	$text-size:20px;


	.baseInfo {
		margin-top: 2px;
		width: 100%;
		height: 200px;  
		.basetext {
			font-size: $text-size;
			width: 30%;
			display: flex;
			align-items: center;
			justify-content: center;
			/* padding-top: $logo-padding;
			 padding-bottom: $logo-padding; */
		}

		.base_childcontent {
			width: 70%;
			color: $text-color;
             /* 企业数量 */
			.base_qysl {
				height: 100px; 
			} 
			.base_pdf {
				height: 100px;
			}
			.base_row1{
				height: 200px;
			}
		}

	}
</style>
